html,body,select,input {background: #fff;margin: 0;padding: 0;font-size: 16px;line-height: 2em;font-family:'Microsoft YaHei', '微软雅黑', sans-serif;}
		select,input,button { border-radius: 5px;border: 2px solid #ccc;}
		input:focus,select:focus {
		  outline: none;
		  border: 2px solid #4A90E2;
		  box-shadow: 0 0 5px rgba(74, 144, 226, 0.5);
		}
		a:link,a:visited {color: #1890FF;text-decoration:underline;}
		a:hover {color: #f60;}
		.container {}
		.qa_cont {width: 1200px;margin:0 auto;}
		.qa_flex {display: -webkit-flex;display: flex;}
		.qa_lay {}		
		.top {background:#deefff;padding: 20px 0;}
			.logo {flex: 1;}
			.logo h1 {font-size: 2em;}
			.form {flex: 2;display: -webkit-flex;display: flex;}
			.form_select {height: 40px;margin-right: 10px;margin-top: 17px;padding: 0 5px;}
			.form_input {padding:0 30px 0 10px;height: 40px;margin-right: 10px;width: 330px;margin-top: 17px;}
			.form_btn {height: 40px;background: #1890FF; color: #fff;border: 2px solid #1890FF;padding:0 10px;font-size: 18px;margin-top: 17px;cursor: pointer;}
			.form_btn:hover {background: #fff;color: #1890FF;box-shadow: 0 0 5px rgba(74, 144, 226, 0.5);}
			.form p {padding: 5px 0 0 10px;}
			.form p strong {color: #f00;}
			.form .label {position: relative;}
			#clear-button {
				position: absolute;
				right: 15px; /* 调整按钮位置 */
				top: 40px;
				transform: translateY(-50%);
				border: none;
				cursor: pointer;
				font-size: 20px;
				color: #999;
			}
			#clear-button:hover {color: #333;}
		.qa_thead,.qa_tr {display: flex;}
		.qa_th,.qa_td {flex:1;padding:8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
		.qa_th {font-weight: bold;border-bottom: 1px solid #ccc;}
		.th1,.td1 {flex:2;}
		/* 隔行变色 */
		.qa_tr:nth-child(odd) {background-color: #f8f8f8;}
		.qa_tr:nth-child(even) {background-color: #ffffff;}
		.qa_tr:hover {background:#deefff;}
        
		.pagination {display:block;text-align: center;padding:20px 10px;}
		.pagination a {margin: 0 5px;}
		.current strong {color: red;font-weight: normal;}
			
		/*明细页*/
		.qa_trmx {padding: 20px 0 0 0;}
		.qa_trmx .qa_td {float: left;width: 48%;color: #666;border: 1px solid #ccc;}
		.qa_trmx .qa_td:before {content: attr(data-bt) "：";width:120px;text-align: right;display: inline-block;color: #111;}
		.qa_trmx .qa_td:nth-child(4n+3),.qa_trmx .qa_td:nth-child(4n+4) {
		  background-color: #f2f2f2; /* 偶数行背景色 */
		}
		
		/* 针对宽度小于1024像素的屏幕 */
		@media screen and (max-width: 1024px) {
		  .qa_cont {width:100%;}
		  .qa_flex {flex-direction: column;}
		  .logo h1 {text-align: center;}
		  .form {justify-content: center;}
		  .qa_trmx .qa_td {display: block;width: 100%;border: 0;}
		}
		 
		/* 针对宽度在480像素到768像素之间的屏幕 */
		@media screen and (min-width: 480px) and (max-width: 768px) {		  
		  .qa_table {font-size: 14px;}
		  .th1,.td1 {flex:2;}
		  .th2,.td2 {flex:2;}
		  .qa_trmx .qa_td {display: block;width: 100%;border: 0;}
		}
		 
		/* 针对宽度小于480像素的屏幕 */
		@media screen and (max-width: 600px) {
		  .qa_cont {width:100%;}
		  .qa_flex {flex-direction: column;}
		  .logo h1 {text-align: center;}
		  .form {justify-content: center;flex-direction: column;text-align: center;}
		  .form_select,.form_input,.form_btn {width: 80%;margin: 8px 0;}
		  .form_select,.form_btn  {width: 85%;}
		  .qa_thead {display: none;}
		  .qa_tr {flex-direction: column;padding: 10px 0;}
		  .qa_td {padding:0 15px;color: #666;}
		  .qa_td:before {content: attr(data-bt) "：";width:80px;text-align: right;display: inline-block;color: #111;}
		  
		  .qa_trmx .qa_td {display: block;width: 100%;border: 0;}
		  .qa_trmx {padding: 0 0 20px 0;}
		  #clear-button {
				right: 22px;
				top: 30px;
			  width: 25px;
			  text-align: center;padding: 0;
			}
		}